<template>
  <div>
    <h3>修改密码</h3>
    <hr>
    <!-- 忘记密码提交输入框 -->
  <van-cell-group inset class="input-box">
  <van-field
    left-icon="lock"
    placeholder="输入6-12位字母、数字"
    right-icon="closed-eye"
    color="#ccc"
  />
  <van-field
    clearable
    left-icon="lock"
    placeholder="再次输入确认"
  />
</van-cell-group>

<!-- 注册按钮 -->
<van-button 
class="btn"
 size="large">保存新密码</van-button>  
  </div>
</template>

<script setup lang="ts">

</script>
<style scoped lang="scss">
h3 {
  color: #111;
  text-align: center;
  padding: 10px;
}
.login-wz{
  color: #666;
  padding: 10px;
  display: flex;
  justify-content: center;
  font-size:14px;
  }
  .btn{
    background-color: #BA6608;
    color: #fff;
     width: 320px;
     margin:0 auto;
     display: block;
     margin-top: 35px;
  }
  .input-box{
    margin-top: 10%;
  }
</style>